block ../../layout.pug

block prevScript
  script(src="/javascripts/webapi/Stream/utils/crc.js")
  script(src="/javascripts/webapi/Stream/utils/png-chunks.js")
  script(src="/javascripts/webapi/Stream/utils/png-unpacker.js") 

block content
  include ../documentPath.pug

  h1 解包一个PNG数据块

  p 左边显示的图片通过流读取，转换成一个PNG块流。这样，可以再图片加载完成前进行处理

  img(src="/images/img_1.jpg", width="400" height="400")

  table
    thead
      tr
        th(width="300") Stream 
        th Chunk No.
        th Sent chunk type
    tbody 


  script(src="/javascripts/webapi/Stream/pngTransformStream.js") 